﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="Content/Css/index.css" rel="stylesheet" />
    <link href="Content/layui/css/layui.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <div class="container-left">
            <ul>
                <li class="active">
                    <img src="Content/Image/caigou.png" />
                    <a href="#">采购管理</a>
                </li>
                <li>
                    <img src="Content/Image/cunhuo.png" />
                    <a href="#">存货管理</a>
                </li>
                <li>
                    <img src="Content/Image/shouyin.png" />
                    <a href="#">收银管理</a>
                </li>
                <li>
                    <img src="Content/Image/xitong.png" />
                    <a href="#">系统管理</a>
                </li>
            </ul>
        </div>
        <div class="container-right">
            <div class="main">
                <div class="main-top">
                    <div class="row">
                        <div class="row-link">
                            <div class="link-box">
                                <p class="p-image"><img src="Content/Image/gongzuozhan.png" /></p>
                                <p class="p-a"><a href="#">工作站设置</a></p>
                            </div>
                        </div>
                        <div class="row-link">
                            <div class="link-box">
                                <p class="p-image"><img src="Content/Image/caozuoyuan.png" /></p>
                                <p class="p-a"><a href="#">操作员权限</a></p>
                            </div>
                        </div>
                        <div class="row-link">
                            <div class="link-box">
                                <p class="p-image"><img src="Content/Image/xitongshezhi.png" /></p>
                                <p class="p-a"><a href="#">系统设置</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="row-link">
                            <div class="link-box">
                                <p class="p-image"><img src="Content/Image/yuangongguanli.png" /></p>
                                <p class="p-a"><a href="#">员工管理</a></p>
                            </div>
                        </div>
                        <div class="row-link">
                            <div class="link-box">
                                <p class="p-image"><img src="Content/Image/kaoqinguanli.png" /></p>
                                <p class="p-a"><a href="#">考勤管理</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-bottom">
                    <div class="bottom-box">
                        <div class="links">
                            <ul class="clear">
                                <li><a href="#">设置口令</a></li>
                                <li><a href="#">系统备份</a></li>
                                <li><a href="#">员工查询</a></li>
                                <li><a href="#">工作日志</a></li>
                                <li><a href="#">前台销售明细</a></li>
                            </ul>
                            <ul class="clear">
                                <li><a href="#">前台销售明细</a></li>
                                <li><a href="#">前台销售单明细12</a></li>
                                <li><a href="#">前台赠送明细abc</a></li>
                                <li><a href="#">前台销售汇总</a></li>
                                <li><a href="#">前台销售明细</a></li>
                            </ul>
                            <ul class="clear">
                                <li><a href="#" id="buyTop">客户购货排行</a></li>
                                <li><a href="#" id="customerOrder">客户订单</a></li>
                                <li><a href="#" id="addCategory">货品种类录入</a></li>
                                <li><a href="#" id="goodsData">商品资料</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<!--start货品种类录入-->
<div style="margin:20px;display:none" id="layerAddCategory">
    <div class="layui-form-item">
        <label class="category-label" style="display:block">种类代码：</label>
        <div>
            <input type="text" name="categoryCode" required lay-verify="required" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="category-label" style="display:block">种类名称：</label>
        <div>
            <input type="text" name="categoryName" required lay-verify="required" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="category-label" style="display:block">会员价折扣系数（会员价=零售价*折扣系数）：</label>
        <div>
            <input type="text" name="categoryName" required lay-verify="required" autocomplete="off" class="layui-input">
        </div>
    </div>
</div>
<!--end货品种类录入-->
<script src="Content/layui/layui.js"></script>
<script type="text/javascript">
    //Demo
    var $;
    layui.use(['form', 'jquery', 'table', 'element', 'layer', 'laydate'], function () {
        var form = layui.form;
        var $ = layui.$;
        var laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#date'
        });
        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        //初始化数据
        var table = layui.table;
        //第一个实例
        table.render({
            elem: '#goods-list'
            , height: 312
            , url: 'https://www.layui.com/demo/table/user' //数据接口
            , toolbar: '#toolbarDemo'
            , page: true //开启分页
            , cols: [[ //表头
                { type: 'radio' }
                , { field: 'orderNo', title: '序号', width: 80, sort: true }
                , { field: 'id', title: '编号', width: 80, sort: true }
                , { field: 'name', title: '名称', width: 100 }
                , { field: 'size', title: '规格', width: 80, sort: true }
                , { field: 'city', title: '单位', width: 80 }
                , { field: 'actualStock', title: '实际库存', width: 177 }
                , { field: 'usableStock', title: '可用库存', width: 80, sort: true }
                , { field: 'total', title: '数量', width: 80, sort: true }
                , { field: 'price', title: '单价', width: 80 }
                , { field: 'sum', title: '金额', width: 80 }
                , { field: 'taxRate', title: '税率', width: 80 }
                , { field: 'hasTaxRateSum', title: '含税金额', width: 80 }
                , { field: 'remark', title: '备注', width: 80 }
            ]]
        });
        var layer = layui.layer;
        //layer.open({
        //    title: '客户购货排行',
        //    type: 2,
        //    content: 'http://localhost:64605/layer_buytop.html',
        //    area: ['350px', '350px'],
        //    btn: ['确定', '取消', '增加'],
        //    yes: function (index, a) {
        //        layer.msg('点击了确定');
        //        return false;
        //    },
        //    btn2: function (index, b) {
        //        layer.msg('点击了取消笑');
        //        return true;
        //    },
        //    btn3: function (index, b) {
        //        layer.msg('点击了增加');
        //        return false;
        //    }
        //});
        //货品种类录入
        $("#addCategory").on('click', function () {
            layer.open({
                title: '货品种类录入',
                type: 1,
                content: $('#layerAddCategory'),
                area: ['350px', '350px'],
                btn: ['确定', '取消', '增加'],
                yes: function (index, a) {
                    layer.msg('点击了确定');
                    return false;
                },
                btn2: function (index, b) {
                    layer.msg('点击了取消笑');
                    return true;
                },
                btn3: function (index, b) {
                    layer.msg('点击了增加');
                    return false;
                },
                maxmin: true
            });
        });
        //客户购货排行
        $("#buyTop").on('click', function () {
            layer.open({
                title: '客户购货排行',
                type: 2,
                content: 'http://localhost:64605/layer_buytop.html',
                area: ['800px', '600px'],
                btn: ['确定', '取消', '增加'],
                yes: function (index, a) {
                    layer.msg('点击了确定');
                    return false;
                },
                btn2: function (index, b) {
                    layer.msg('点击了取消笑');
                    return true;
                },
                btn3: function (index, b) {
                    layer.msg('点击了增加');
                    return false;
                },
                maxmin:true
            });
        });

        //客户购货排行
        $("#customerOrder").on('click', function () {
            layer.open({
                title: '客户订单',
                type: 2,
                content: 'http://localhost:64605/layer_customerorder.html',
                area: ['960px', '760px'],
                btn: ['确定', '取消', '增加'],
                yes: function (index, a) {
                    layer.msg('点击了确定');
                    return false;
                },
                btn2: function (index, b) {
                    layer.msg('点击了取消笑');
                    return true;
                },
                btn3: function (index, b) {
                    layer.msg('点击了增加');
                    return false;
                },
                maxmin: true
            });
        });
        //商品资料
        $("#goodsData").on('click', function () {
            layer.open({
                title: '客户订单',
                type: 2,
                content: 'http://localhost:64605/layer_goodsdata.html',
                area: ['960px', '760px'],
                btn: ['确定', '取消', '增加'],
                yes: function (index, a) {
                    layer.msg('点击了确定');
                    return false;
                },
                btn2: function (index, b) {
                    layer.msg('点击了取消笑');
                    return true;
                },
                btn3: function (index, b) {
                    layer.msg('点击了增加');
                    return false;
                },
                maxmin: true
            });
        });

    });
        //$(function () {
        //    console.info("测试");
        //})
        //$('#addcategory').on('click', function () {
        //    layer.open({
        //        type: 1,
        //        content: $('#layerAddCategory')
        //    });
        //})
        //function addCategory() {
        //    console.info(123456);
        //    var layer = layui.layer;
        //    layer.open({
        //        type: 1,
        //        content: $('#layerAddCategory'),
        //        area: ['500px', '300px']
        //    });
        //}
</script>